<style type="text/css" >

@media print{

body{
font-size: 10px;
}

#main-site-globalbo-moduleSpace-flat-menu{
display: none;
}

#main-site-globalbo-menu{
display : none;
}

#frbFlat-disponibilite-2{
display : none;
}

#frbFlat-disponibilite-1{
width: 900px;
}

#year-select{
display: none;
}


}

#component-planning{
background: url('<?php echo $data['baseurl']; ?>global/img/contact/ajax-loader.gif') center no-repeat;
min-height: 400px;
}

#main-site-globalbo-moduleSpace-flat{
padding : 15px;
}

#main-site-globalbo-moduleSpace-flat-menu{
height : 25px;
}
#main-site-globalbo-moduleSpace-flat-menu a {
color : black;
background-color: white;
}
#main-site-globalbo-moduleSpace-flat-menu a:hover {
color : white;
background-color: black;
font-weight: bold;
}

#year-select{
margin-top : 10px;
margin-left: 20px;
}

#table-dispo{
  border : none;
  border-collapse: collapse;
  text-align: center;
  margin-left: 20px;
}

#table-dispo td, th{
border : 1px solid black;
padding: 3px;
}

.immeuble-td{
text-align: center;
font-weight: bold;
}

.empty-td{
font-size: 9px;
}

#frbFlat-index{
height: 1200px;  
}

#frbFlat-disponibilite-1{
float : left;
width : 500px;
}

#frbFlat-disponibilite-1 h3{
margin-left: 30px;
}

#frbFlat-disponibilite-2{
float : left;
width : 400px;
}


#dispo-button{
width : 170px;
height: 50px;
color : white;
text-align: center;
margin-left: 70px;
}

#dispo-button:hover{
font-weight: bold;
}

.to-dispo:hover{
background-color: green;
}

.to-dispo{
background-color: green;
}

.to-no-dispo{
background-color: red;
}

.to-no-dispo:hover{
font-weight: bold;
background-color: red;
}

#main-site-globalbo-moduleSpace-flat-search{
border : solid 1px black;
height : 30px;
padding : 20px;
}

#component-add-flat{
cursor : pointer;  
float : right;
}
#component-add-flat img{
vertical-align: middle;  
}
#component-add-flat:hover{
color : blue;
}

#main-site-globalbo-moduleSpace-flat-result{
width : 250px;
min-height: 350px;
max-height:500px;
border : solid 1px black;
float : left;
margin-top : 10px;
overflow: auto;
}

#main-site-globalbo-moduleSpace-flat-result ul{
padding : 0;
}

#main-site-globalbo-moduleSpace-flat-result li{
list-style: none;
min-height : 20px;
padding: 2px 5px 2px 5px;
text-align: center;
cursor: pointer;
}

#main-site-globalbo-moduleSpace-flat-result li:hover{
background-color: grey;
color : white;
}

.result-activeli{
background-color: black;
color : white;
}

#main-site-globalbo-moduleSpace-flat-detail{
width : 627px;
min-height: 330px;
border : 1px solid black;
float : left;
margin-left: 15px;
margin-top : 10px;
padding : 10px;
}

.popup-screen{
position: fixed;
top : 0;
bottom : 0;
left : 0;
right : 0;
background-image: url('<?php echo $data['baseurl']; ?>global/img/frb-popup-shadow/frb-popup-shadow-background.png');
}

#component-change-reservation-box{
margin-top: 20px;
height : 460px;
}

.popup-screen-box{
width : 600px;
height : 400px;
background-color: white;
padding : 10px;
margin-left : auto;
margin-right : auto;
margin-top : 100px;
}

.popup-screen-box-close{
float : right;
cursor : pointer;
}
.popup-screen-box-close:hover{
color : grey;
}

.red-required{
color : red;
}

#componen-add-flat-screen-box-form{
width : 340px;
margin : 10px auto 0 auto;
}

#componen-add-flat-screen-box-form label{
width : 100px;
display : block;
float : left;
}

#componen-add-flat-screen-box-form input[type=text], textarea, select{
width : 230px;
margin-bottom: 5px;
}

#componen-add-flat-screen-box-form textarea {
height: 100px;
}

#componen-add-flat-screen-box-form input[type=submit]{
text-align: center;
float : right;
margin-top: 10px;
}

#component-change-reservation-form{
width : 360px;
margin : 10px auto 0 auto;
}

#component-change-reservation-form label{
width : 120px;
display : block;
float : left;
}
#component-change-reservation-form input[type=text], textarea, select{
width : 230px;
margin-bottom: 5px;
}

#component-change-reservation-form textarea {
height: 100px;
}

#component-change-reservation-form input[type=submit]{
text-align: center;
float : right;
margin-top: 10px;
}

#component-change-reservation-tuple{
padding : 10px;
border : 1px solid #2DACBF;
margin-top : 5px;
margin-bottom : 5px;
max-height : 75px;
overflow : auto;
}

#reservation-ul{
list-style: none;
padding : 0;
}

.reservation-li{
list-style: none;
padding : 2px 0 2px 10px;
}

.reservation-li:hover{
background-color: #2DACBF;
cursor : pointer;
}

.reservation-li-row{
border-right : 1px dotted black;
padding-left : 5px;
padding-right : 5px;
}

#main-site-globalbo-moduleSpace-flat-detail-pictures{
margin-top : 10px;
height : 120px;
}

#main-site-globalbo-moduleSpace-flat-detail-pictures-ul{
list-style: none;
padding : 0;
margin-left : 25px;
}

#main-site-globalbo-moduleSpace-flat-detail-pictures-ul li{
float : left;
height : 130px;
margin-right: 10px;  
cursor : pointer;
}

.main-site-globalbo-moduleSpace-flat-detail-pictures-li:hover .pictures-detail{
  display: block;
}

.main-site-globalbo-moduleSpace-flat-detail-pictures-li img{
height : 100px;
}

.pictures-detail{
display : none;
text-align: center;
margin-top: 3px;
}

.pictures-detail .item{
margin-right: 5px;
}

.pictures-detail .item img{
  height: 15px;
}
.pictures-detail .item img:hover{
  height: 20px;
}

#main-site-globalbo-moduleSpace-flat-detail-addPictures{
float : right;
}

#component-show-image-box{
text-align: center;
overflow: auto;
}

#component-show-image-box img{
margin-top : 50px;
margin-left : 40px;
width : 400px;  
}

#component-add-image-form{
text-align : center;
margin-left : auto;
margin-right : auto;
} 

#component-add-image-box iframe{
margin-left : 100px;
}

#component-add-image-box{
background: white url('<?php echo $data['baseurl']; ?>global/img/globalbo/appartements/ajax-loader.gif') center no-repeat;
}

#planning-header {
border : 1px solid black;
padding : 15px;
margin : 15px 15px 2px 15px;
}

#component-printer{
vertical-align: middle;
float: right;
cursor: pointer;
}

</style>
<div id='main-site-globalbo-moduleSpace-flat-menu'>
<a href='<?php echo $data['baseurl']; ?>admin/frbFlat/frbFlat_MainController/index'>Disponibilités</a>
<a href='<?php echo $data['baseurl']; ?>admin/frbFlat/frbFlat_MainController/planning'>Planning</a>
<a href='<?php echo $data['baseurl']; ?>admin/frbFlat/frbFlat_MainController/appartements'>Gestion des appartements</a>
</div>